<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>博文尚美</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/iconfont.css">
</head>
<body>
    <div class="header">
        <div class="container">
            <div class="logo">
                <img src="./images/博文尚美首页_03.jpg" alt="">
            </div>
            <div class="nav">
                <ul>
                    <li><a href="">HOME</a></li>
                    <li><a href="">ABOUT</a></li>
                    <li><a href="">PROTFOLIO</a></li>
                    <li><a href="">SERVICE</a></li>
                    <li><a href="">NEWS</a></li>
                    <li><a href="">CONTACT</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="banner">
        <div class="img_lst">
            <img src="./images/lb01.jpg" alt="" class="active">
            <img src="./images/lb02.webp" alt="">
            <img src="./images/lb03.jpg" alt="">
            <img src="./images/lb04.webp" alt="">
        </div>
        <div class="yd">
            <a href="" class="active"><i class="iconfont icon-yuanquan"></i></a>
            <a href=""><i class="iconfont icon-yuanquan"></i></a>
            <a href=""><i class="iconfont icon-yuanquan"></i></a>
            <a href=""><i class="iconfont icon-yuanquan"></i></a>
        </div>
    </div>
    <div class="service">
        <div class="container">
            <div class="head">
                <hr><span class="circle"></span>&nbsp;&nbsp;&nbsp;&nbsp;服务范围&nbsp;&nbsp;&nbsp;&nbsp;<span class="circle"></span><hr>

            </div>
            <div class="about">
                <span class="title">OUR SERVICES</span>
            </div>
            <div class="content">
                <div class="item">
                    <img src="./images/博文尚美首页_04.jpg" alt="">
                    <div class="text">
                        <p class="title">1.WEB DESIGN</p>
                        <span class="desc">企业品牌网站设计/手机网站制作动画网站创意设计</span>
                    </div>
                </div>
                <div class="item">
                    <img src="./images/博文尚美首页_05.jpg" alt="">
                    <div class="text">
                        <p class="title">2.GRAPHIC DESIGN</p>
                        <span class="desc">标志LOGO设计/产品宣传册设计企业广告/海报设计</span>
                    </div>
                </div>
                <div class="item">
                    <img src="./images/博文尚美首页_06.jpg" alt="">
                    <div class="text">
                        <p class="title">3.E-BUSINESS PLAN</p>
                        <span class="desc">淘宝/天猫装修设计及运营推广企业微博、微信营销</span>
                    </div>
                </div>
                <div class="item">
                    <img src="./images/博文尚美首页_08.jpg" alt="">
                    <div class="text">
                        <p class="title">4.MAILBOXAGENTS</p>
                        <span class="desc">腾讯/网易企业邮箱品牌代理个性化邮箱定制开发</span>
                    </div>
                </div>
                </div>
            </div>
        </div>
    </div>
    <div class="usrinfo">
        <div class="container">
            <div class="head">
                <hr><span class="circle"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="title">{ 客户案例 }</span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="circle"></span><hr>
            </div>
            <div class="about">
                <span class="title">With the best professional technology, to design the best innovative web site</span>
            </div>
            <div class="content">
                <div class="item">
                    <img src="./images/博文尚美首页_07.jpg" alt="">
                </div>
                <div class="item">
                    <img src="./images/博文尚美首页_09.jpg" alt="">
                </div>
                <div class="item">
                    <img src="./images/博文尚美首页_11.jpg" alt="">
                </div>
            </div>
            <div class="button">VIEW MORE</div>
        </div>
    </div>
    <div class="latest">
        <div class="container">
            <div class="head">
                <hr><span class="circle"></span>&nbsp;&nbsp;&nbsp;&nbsp;最新资讯&nbsp;&nbsp;&nbsp;&nbsp;<span class="circle"></span><hr>
            </div>
            <div class="about">
                <span class="title">TEH LATEST NEWS</span>
            </div>
            <div class="content">
                <div class="img" style="font-size: 0px;">
                    <img src="./images/博文尚美首页_16.jpg" alt="">
                </div>
                <div class="detail">
                    <ul>
                        <li>
                            <div class="left">
                                <p class="title">09</p>
                                <span class="desc">Jan</span>
                            </div>
                            <div class="right">
                                <p class="title">网站排名进入前三的技巧说明</p>
                                <p class="desc">很多客户都会纳闷为什么自己的网站老是优化不到搜索引擎首页，更不用说进首页前三了。那么网站优...</p>
                            </div>
                        </li>
                        <li>
                            <div class="left">
                                <p class="title">08</p>
                                <span class="desc">Jan</span>
                            </div>
                            <div class="right">
                                <p class="title">flash网站制作的优缺点</p>
                                <p class="desc">虽然HTML5程序语言出现，大有逐渐代替Flash网站制作的意味，但是过于生硬的HTML5动画效果，始终...</p>
                            </div>
                        </li>
                        <li>
                            <div class="left">
                                <p class="title">07</p>
                                <span class="desc">Jan</span>
                            </div>
                            <div class="right">
                                <p class="title">做个网站多少钱？</p>
                                <p class="desc">“做个网站多少钱？”很多客户打电话过来直接第一句就抛出来的问题。这好比买辆车多少钱，你是要...</p>
                            </div>
                        </li>
                        <li>
                            <div class="left">
                                <p class="title">06</p>
                                <span class="desc">Jan</span>
                            </div>
                            <div class="right">
                                <p class="title">哪些网站优化手法属于网站过度优化</p>
                                <p class="desc">大部分人都想让自己的网站，一夜之间出现在搜索引擎首页，独占鳌头。但是事实告诉我们罗马不是一...</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="container">
            <div class="left">
                Copyright 2006- 2014 Bowenshangmei Culture All Rights Reserved
            </div>
            <div class="right">
                Home&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;About&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;Portfolio&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;Contact
            </div>
        </div>
    </div>
    <script src="./js/jquery-3.7.1.js"></script>
    <script src="./js/index.js"></script>
    
</body>
</html>